import Vue from 'vue'
import Router from 'vue-router'
// import HelloWorld from '@/components/HelloWorld'
import Home from '@/pages/home/home'
import City from '@/pages/city/city'
import Detail from '@/pages/detail/detail'
// import List from '@/pages/list/list'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/city',
      name: 'City',
      component: City
    },
    {
      //传入的参数会放到id的这个数值里面
      path:'/detail/:id',
      name:'Detail',
      component:Detail
    }
  ],
  //这个作用是首页滑动到底部的时候，点击详情。 第二个页面也会在底部。 这个功能是切换页面的时候，跳到下个页面的XY位置。
  //每次做路由切换的时候，我都进入显示的位置。 初始位置XY0.也就是顶部
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})
